<?php
echo $this->Html->script('sliderengine/amazingslider');
echo $this->Html->css('sliderengine/amazingslider-1');
echo $this->Html->script('sliderengine/initslider-1');
?>
<style>
    table tr td{
        padding-bottom: 12px !important;
    }
    .amazingslider-box-1{
        right: 0 !important;
        margin-left: 0px !important;
    }
    body,html{
        background-color: #eeeeee !important;
    }
</style>

<div class="row">
    <div class="span7 box-shadow padding5 no-margin-left margin-top">
        <!-- Insert to your webpage where you want to display the slider -->
        <div id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:530px;margin:0px auto 2px;">
            <div id="amazingslider-1" style="display:block;position:relative;margin:0 auto;">
                <ul class="amazingslider-slides" style="display:none;">
                    <?php if (sizeof($images) != 0) { ?>
                        <?php foreach ($images as $a): ?>                       
                            <li><?php echo$this->Html->image($a['Image']['path'], array('alt' => '')) ?></li>
                        <?php endforeach; ?>
                    <?php } else { ?>
                        <li><?php echo$this->Html->image('no-image.jpg', array('alt' => '')) ?></li>
                    <?php } ?>    
                </ul>
                <ul class="amazingslider-thumbnails" style="display:none;">
                    <?php if (sizeof($images) != 0) { ?>
                        <?php foreach ($images as $a): ?>                       
                            <li><?php echo$this->Html->image($a['Image']['path'], array('alt' => '')) ?></li>
                        <?php endforeach; ?>
                    <?php } ?>
                </ul>
            </div>
        </div>
        <!-- End of body section HTML codes -->
    </div>
    <div class="span5 box-shadow padding5 margin-top">   
        <h4><?php echo h($data['ProjectDetail'][0]['title']) ?>, <?php echo $data['Amphur']['name_eng'].', '.$data['Amphur']['Province']['name_eng'] ?></h4>
        <h4 class="fg-dark"><?php echo h($data['ProjectDetail'][0]['price']) ?></h4>
        <div class="span12 no-margin-left">
            <table>
                <tr>
                    <td width="120px"><?php echo __('Property Type') ?></td>
                    <td><?php echo h($data['PropertyType']['name_eng']) ?></td>
                </tr>
                <tr>
                    <td><?php echo __('Project Code') ?></td>
                    <td><?php echo h($data['Project']['code']) ?></td>
                </tr>            
                <tr>
                    <td valign="top"><?php echo __('Address') ?></td>
                    <td><?php echo nl2br($data['ProjectDetail'][0]['address']) ?></td>
                </tr>

                <tr>
                    <td><?php echo __('Bedroom') ?></td>
                    <td><?php echo h($data['ProjectDetail'][0]['bedroom']) ?></td>
                </tr>
            </table>
            <?php if ($data['ProjectDetail'][0]['promotion'] != '') { ?>
                <div class="span12 margin-top no-margin-left">
                    <h5 class="c-red"><?php echo $this->Html->image('promotion.png', array('width' => '50px')) ?> <?php echo __('Promotion') ?></h5>
                    <div class="span11 offset1">
                        <?php echo h($data['ProjectDetail'][0]['promotion']) ?>
                    </div>                
                </div>
            <?php } ?>
        </div>
    </div>
    <div class="span12 no-margin-left box-shadow padding10 margin-top">
        <h4 class="fg-dark"><i class="icon-book"></i> <?php echo __('Description') ?></h4>
        <div class="span11 offset1">
            <?php echo nl2br($data['ProjectDetail'][0]['descriptions']) ?>
        </div>
        
    </div>
</div>